<template>
	<div>
		<div class="register_view">
			<el-form :model="registerForm" class="register_form">
				<div class="title_view">{{projectName}}注册</div>
				<div class="list_item">
					<div class="list_label">是否毕业：</div>
					<el-select 
						class="list_sel" 
						v-model="registerForm.shifoubiye" 
						placeholder="请选择是否毕业"
						>
						<el-option v-for="item in chuangyezheshifoubiyeLists" :label="item" :value="item"></el-option>
					</el-select>
				</div>
				<div class="list_item" >
					<div class="list_label">{{ registerForm.shifoubiye === '是' ? '账号' : '学号' }}：</div>
					<input class="list_inp"
					v-model="registerForm.xuehao" 
					placeholder="请输入"
					type="text"
					/>
				</div>
				
				<!-- 保留姓名、性别、密码等基本信息字段 -->
				<div class="list_item">
					<div class="list_label">姓名：</div>
					<input class="list_inp"
					 v-model="registerForm.xueshengxingming" 
					 placeholder="请输入学生姓名"
					 type="text"
					 />
				</div>
				<div class="list_item">
					<div class="list_label">性别：</div>
					<el-select 
						class="list_sel" 
						v-model="registerForm.xingbie" 
						placeholder="请选择性别"
						>
						<el-option v-for="item in chuangyezhexingbieLists" :label="item" :value="item"></el-option>
					</el-select>
				</div>
				<div class="list_item">
					<div class="list_label">密码：</div>
					<input class="list_inp"
					 v-model="registerForm.mima" 
					 placeholder="请输入密码"
					 type="password"
					 />
				</div>
				<div class="list_item">
					<div class="list_label">确认密码：</div>
					<input class="list_inp" v-model="registerForm.mima2" type="password" placeholder="请输入确认密码" />
				</div>
				
				<!-- 移动城市字段到这里，使其在学校和学院之前 -->
				<div class="list_item">
					<div class="list_label">城市：</div>
					<el-select 
						class="list_sel"
						v-model="registerForm.chengshi" 
						placeholder="请选择城市"
						@change="(e)=>change1(e,'chengshi')"
						>
						<el-option v-for="item in chuangyezhechengshiLists" :label="item" :value="item"></el-option>
					</el-select>
				</div>
				
				<!-- 将学校和学院字段移到城市之后 -->
				<div class="list_item" v-show="registerForm.shifoubiye === '否'">
					<div class="list_label">所在学校：</div>
					<el-select 
						class="list_sel"
						v-model="registerForm.suozaixuexiao" 
						placeholder="请选择所在学校"
						@change="(e)=>changeSchool(e,'suozaixuexiao')"
						>
						<el-option v-for="item in chuangyezhexuexiaoLists" :label="item" :value="item"></el-option>
					</el-select>
				</div>
				<div class="list_item" v-show="registerForm.shifoubiye === '否'">
					<div class="list_label">学院：</div>
					<el-select 
						class="list_sel"
						v-model="registerForm.xueyuan" 
						placeholder="请选择学院"
						>
						<el-option v-for="item in chuangyezhexueyuanLists" :label="item" :value="item"></el-option>
					</el-select>
				</div>
				
				<!-- 已毕业用户的园区和街道字段 -->
				<div class="list_item" v-show="registerForm.shifoubiye === '是'">
					<div class="list_label">园区：</div>
					<el-select 
						class="list_sel"
						v-model="registerForm.yuanqu" 
						placeholder="请选择园区"
						@change="(e)=>change2(e,'yuanqu')"
						>
						<el-option v-for="item in chuangyezheyuanquLists" :label="item" :value="item"></el-option>
					</el-select>
				</div>
				<div class="list_item" v-show="registerForm.shifoubiye === '是'">
					<div class="list_label">街道：</div>
					<el-select 
						class="list_sel" 
						v-model="registerForm.jiedao" 
						placeholder="请选择街道"
						>
						<el-option v-for="item in chuangyezhejiedaoLists" :label="item" :value="item"></el-option>
					</el-select>
				</div>
				
				<!-- 其他教育信息字段 -->
				<div class="list_item">
					<div class="list_label">专业：</div>
					<input class="list_inp"
					 v-model="registerForm.zhuanye" 
					 placeholder="请输入专业"
					 type="text"
					 />
				</div>
				<div class="list_item">
					<div class="list_label">年级：</div>
					<input class="list_inp"
					 v-model="registerForm.nianji" 
					 placeholder="请输入年级"
					 type="text"
					 />
				</div>
				<div class="list_item">
					<div class="list_label">学历：</div>
					<el-select 
						class="list_sel" 
						v-model="registerForm.xueli" 
						placeholder="请选择学历"
						>
						<el-option v-for="item in chuangyezhexueliLists" :label="item" :value="item"></el-option>
					</el-select>
				</div>
				<div class="list_item" v-show="registerForm.shifoubiye === '是'" >
					<div class="list_label">毕业年份</div>
					<!-- 修改select绑定路径 -->
					<select v-model="registerForm.biyenianfen">
					<option v-for="year in yearList" :value="year" :key="year">{{ year }}</option>
					</select>
				</div>
				
				<!-- 其余字段保持不变 -->
				<div class="list_item">
					<div class="list_label">项目负责人：</div>
					<el-select 
						class="list_sel" 
						v-model="registerForm.xiangmufuzeren" 
						placeholder="请选择项目负责人"
						>
						<el-option v-for="item in chuangyezhexiangmufuzerenLists" :label="item" :value="item"></el-option>
					</el-select>
				</div>
				<div class="list_item">
					<div class="list_label">头像：</div>
					<div class="list_file_list">
						<uploads
							action="file/upload" 
							tip="请上传头像"
							style="width: 100%;text-align: left;"
							:fileUrls="registerForm.touxiang?registerForm.touxiang:''" 
							@change="touxiangUploadSuccess">
						</uploads>
					</div>
				</div>
				<div class="list_item">
					<div class="list_label">创业领域：</div>
					<input class="list_inp"
					 v-model="registerForm.chuangyelingyu" 
					 placeholder="请输入创业领域"
					 type="text"
					 />
				</div>
				<div class="list_item">
					<div class="list_label">参加过的创业活动：</div>
					<input class="list_inp"
					 v-model="registerForm.canjiahuodong" 
					 placeholder="请输入参加过的创业活动"
					 type="text"
					 />
				</div>
				<div class="list_item">
					<div class="list_label">参与过的项目：</div>
					<input class="list_inp"
					 v-model="registerForm.canyuxiangmu" 
					 placeholder="请输入参与过的项目"
					 type="text"
					 />
				</div>
				
				<!-- 邮箱和验证码部分 -->
				<div class="list_item">
					<div class="list_label">邮箱：</div>
					<input class="list_inp" v-model="registerForm.email" placeholder="邮箱" />
				</div>
				<div class="list_code">
					<div class="list_code_label">验证码：</div>
					<div class="list_code_item">
						<input class="list_code_inp" v-model="emailCode" placeholder="请输入验证码" />
						<el-button class="list_code_btn" :disabled="getCodeType" :type="getCodeType?'info':'primary'" @click="getEmailCode">{{setCode}}</el-button>
					</div>
				</div>
				
				<!-- 按钮部分 -->
				<div class="list_btn">
					<el-button class="register" type="success" @click="handleRegister">注册</el-button>
					<div class="r-login" @click="close">已有账号，直接登录</div>
				</div>
			</el-form>	
		</div>
	</div>
</template>
<script setup>
	import {
		ref,
		getCurrentInstance,
		nextTick,
		onMounted,
	} from 'vue';
	const context = getCurrentInstance()?.appContext.config.globalProperties;
	const projectName = context?.$project.projectName
	//获取注册类型
	import { useRoute } from 'vue-router';
	const route = useRoute()
	const tableName = ref('chuangyezhe')
	const datePickerRef = ref(null);

	//公共方法
	const getUUID=()=> {
		return new Date().getTime();
	}
	
	const registerForm = ref({
        xingbie: '',
        xueli: '',
        shifoubiye: '',
        xiangmufuzeren: '',
        chengshi: '',
        yuanqu: '',
        jiedao: '',
		biyenianfen: 2025,
		suozaixuexiao: '', // 添加所在学校字段
	});
	//验证码
	const time = ref(0)
	const setCode = ref('发送验证码')
	const getCodeType = ref(false)
	const timer=()=>{
		if(time.value>0){
			getCodeType.value = true
			setCode.value = time.value + 's'
			time.value--
			setTimeout(()=>{
				timer()
			},1000)
		}else{
			time.value = 0
			setCode.value = '发送验证码'
			getCodeType.value = false
		}
	}
	//邮箱验证码
	const emailCode = ref('')
	const getEmailCode=()=>{
		if((!registerForm.value.email)){
			context?.$toolUtil.message(`邮箱不能为空`,'error')
			return false
		}
		if(!context?.$toolUtil.isEmail(registerForm.value.email)){
			context?.$toolUtil.message(`邮箱格式不正确`,'error')
			return false
		}
		time.value = 60
		timer()
		context?.$http({
			url:`${tableName.value}/sendemail?email=`+registerForm.value.email,
			method:'get'
		}).then(res=>{
			context?.$toolUtil.message(`发送成功`,'success')
		})
	}
	const chuangyezhexingbieLists = ref([])
	const chuangyezhexueliLists = ref([])
	const chuangyezheshifoubiyeLists = ref([])
	const chuangyezhexiangmufuzerenLists = ref([])
	const chuangyezhechengshiLists = ref([])
	const chuangyezheyuanquLists = ref([])
	const chuangyezhejiedaoLists = ref([])
	const chuangyezhexuexiaoLists = ref([]) // 学校列表
	const chuangyezhexueyuanLists = ref([]) // 学院列表
	
	const init=()=>{
		chuangyezhexingbieLists.value = "男,女".split(',')
		chuangyezhexueliLists.value = "小学,初中,高中,中专,大专,本科,研究生,博士".split(',')
		chuangyezheshifoubiyeLists.value = "是,否".split(',')
		chuangyezhexiangmufuzerenLists.value = "是,否".split(',')
		context?.$http({
			url:`option/chengshi/chengshi`,
			method:'get'
		}).then(res=>{
			chuangyezhechengshiLists.value = res.data.data
		})
	}
    const touxiangUploadSuccess=(fileUrls)=> {
        registerForm.value.touxiang = fileUrls;
    }
	// 多级联动参数
    const change1=(e,conditionColumn)=>{
        registerForm.value.yuanqu = '';
        chuangyezheyuanquLists.value = [];
        registerForm.value.jiedao = '';
        chuangyezhejiedaoLists.value = [];
        
        // 如果是未毕业学生，选择城市后加载学校列表
        if(registerForm.value.shifoubiye === '否') {
            registerForm.value.suozaixuexiao = '';
            chuangyezhexuexiaoLists.value = [];
            registerForm.value.xueyuan = '';
            chuangyezhexueyuanLists.value = [];
            
            context?.$http({
                url: `option/xuexiao/xuexiao?conditionColumn=${conditionColumn}&conditionValue=${e}`,
                method: "get"
            }).then(res => {
                chuangyezhexuexiaoLists.value = res.data.data
            });
        }
        
        context?.$http({
            url: `option/yuanqu/yuanqu?conditionColumn=${conditionColumn}&conditionValue=${e}`,
            method: "get"
        }).then(res => {
			chuangyezheyuanquLists.value = res.data.data
        });
    }
    
    // 添加学校选择后加载学院的函数
    const changeSchool=(e,conditionColumn)=>{
        registerForm.value.xueyuan = '';
        chuangyezhexueyuanLists.value = [];
        
        // 修改请求参数，确保正确传递学校名称
        context?.$http({
            url: `option/xueyuan/xueyuan?conditionColumn=suozaixuexiao&conditionValue=${e}`,
            method: "get"
        }).then(res => {
            console.log('学院数据请求结果:', res)
            if(res.data && res.data.data && res.data.data.length > 0) {
                chuangyezhexueyuanLists.value = res.data.data
                console.log('学院数据加载成功:', chuangyezhexueyuanLists.value)
            } else {
                // 如果没有数据，可以设置一些默认值或提示用户
                console.log('未找到对应学校的学院数据')
                // 如果数据库中没有对应的学院数据，可以尝试直接从数据库中获取所有学院
                context?.$http({
                    url: `option/xueyuan/xueyuan`,
                    method: "get"
                }).then(fallbackRes => {
                    if(fallbackRes.data && fallbackRes.data.data) {
                        chuangyezhexueyuanLists.value = fallbackRes.data.data
                        console.log('加载所有学院数据:', chuangyezhexueyuanLists.value)
                    }
                })
            }
        }).catch(err => {
            console.error('获取学院数据失败:', err)
            // 错误处理：尝试不带条件获取所有学院
            context?.$http({
                url: `option/xueyuan/xueyuan`,
                method: "get"
            }).then(fallbackRes => {
                if(fallbackRes.data && fallbackRes.data.data) {
                    chuangyezhexueyuanLists.value = fallbackRes.data.data
                }
            })
        });
    }
    
    const change2=(e,conditionColumn)=>{
        registerForm.value.jiedao = '';
        chuangyezhejiedaoLists.value = [];
        context?.$http({
            url: `option/jiedao/jiedao?conditionColumn=${conditionColumn}&conditionValue=${e}`,
            method: "get"
        }).then(res => {
			chuangyezhejiedaoLists.value = res.data.data
        });
    }
	//注册按钮
	const handleRegister = () => {
		let url = tableName.value +"/register";
		if((!registerForm.value.mima)){
			context?.$toolUtil.message(`密码不能为空`,'error')
			return false
		}
		if(registerForm.value.mima!=registerForm.value.mima2){
			context?.$toolUtil.message('两次密码输入不一致','error')
			return false
		}
		if((!registerForm.value.xueshengxingming)){
			context?.$toolUtil.message(`姓名不能为空`,'error')
			return false
		}
		if((!registerForm.value.xingbie)){
			context?.$toolUtil.message(`性别不能为空`,'error')
			return false
		}
		if((!registerForm.value.xueyuan)){
			context?.$toolUtil.message(`学院不能为空`,'error')
			return false
		}
		if((!registerForm.value.zhuanye)){
			context?.$toolUtil.message(`专业不能为空`,'error')
			return false
		}
		if((!registerForm.value.nianji)){
			context?.$toolUtil.message(`年级不能为空`,'error')
			return false
		}
		if((!registerForm.value.xueli)){
			context?.$toolUtil.message(`学历不能为空`,'error')
			return false
		}
		if((!registerForm.value.shifoubiye)){
			context?.$toolUtil.message(`是否毕业不能为空`,'error')
			return false
		}
		if ((typeof registerForm.value.biyenianfen !== 'number')) {
			console.error('类型错误:', typeof registerForm.value.biyenianfen);
		}
		if((!registerForm.value.biyenianfen)){
			context?.$toolUtil.message(`毕业年份不能为空`,'error')
			return false
		}
		if( parseInt(registerForm.value.biyenianfen)<1980 ) {
    		context?.$toolUtil.message('不支持选择比1980小的年份','warning')
  		}
		if((!registerForm.value.xiangmufuzeren)){
			context?.$toolUtil.message(`项目负责人不能为空`,'error')
			return false
		}
		if(registerForm.value.touxiang!=null){
			registerForm.value.touxiang = registerForm.value.touxiang.replace(new RegExp(context?.$config.url,"g"),"");
		}
		if(registerForm.value.email&&(!context?.$toolUtil.isEmail(registerForm.value.email))){
			context?.$toolUtil.message(`邮箱应输入邮件格式`,'error')
			return false
		}
        url=tableName.value +"/register?emailcode="+emailCode.value;
        if(registerForm.value.email&&(!context?.$toolUtil.isEmail(registerForm.value.email))){
            context?.$toolUtil.message('请输入正确的邮箱格式','error')
            return false
        }
		if((!emailCode.value)){
			context?.$toolUtil.message('验证码不能为空','error')
			return false
		}
		context?.$http({
			url:url,
			method:'post',
			data:registerForm.value
		}).then(res=>{
			context?.$toolUtil.message('注册成功','success', obj=>{
				context?.$router.push({
					path: "/login"
				});
			})
		})
		.catch(err => { // 请求失败时捕获错误
  		context?.$toolUtil.message(`注册失败: ${err.message}`, 'error');
		})
		
	}
	//返回登录
	const close = () => {
		context?.$router.push({
			path: "/login"
		});
	}
	init()
	onMounted(()=>{

	})
	const biyenianfen = ref('')
	const yearList = ref(Array.from({length: 150}, (_, i) => 1900 + i))
</script>
<style lang="scss" scoped>
	.register_view {
        background-image: url("http://clfile.zggen.cn/20250120/0bb88d5fc687462dbf7959e31879a651.webp");
		// 表单盒子
		.register_form {
		}
		// 标题样式
		.title_view {
		}
		// item盒子
		.list_item {
			// label
			.list_label {
			}
			// 输入框
			:deep(.list_inp) {

			}
		}
		
		// 验证码盒子
		.list_code {
			// 验证码label
			.list_code_label {
			}
			// 验证码item
			.list_code_item {
				// 输入框
				:deep(.list_code_inp) {

				}
				// 验证码按钮
				.list_code_btn {
				}
			}
		}
		//下拉框样式
		:deep(.list_sel) {
			//去掉默认样式
			.select-trigger{
				height: 100%;
				.el-input{
					height: 100%;
				}
			}
		}
		//图片上传样式
		.list_file_list  {
			//提示语
			:deep(.el-upload__tip){
			}
			//外部盒子
			:deep(.el-upload--picture-card){
				//图标
				.el-icon{
				}
			}
			:deep(.el-upload-list__item) {
			}
		}
		//按钮盒子
		.list_btn {
			//注册按钮
			.register {
			}
			//注册按钮悬浮样式
			.register:hover {
			}
			//已有账号
			.r-login {
			}
		}
	}
</style>
<style>

.register_view {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: flex-start;
    background-attachment: fixed;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    padding: 80px 10vw;
}


.register_view .register_form{
    width: 30vw;
    display: flex;
    flex-wrap: wrap;
    background-position: right;
    color: #000;
    justify-content: center;
    position: relative;
    padding: 30px 0;
    background: rgba(255,255,255,0.2);
    border-radius: 30px;
    border: 2px solid #FFFFFF;
    padding: 50px;
}


.register_view .outTitle_view{
    display: flex;
    align-items: center;
    padding: 0px 0px 40px;
    margin:0 50% 0 0;
}
.register_view .outTitle_view .outTilte {
	font-size:32px;
	font-weight:600;
	text-align:center;
	background:-webkit-linear-gradient(left,#147B96,#7aa8c9 25%,#147B96 50%,#7aa8c9 75%,#147B96);
	color:transparent;
	-webkit-background-clip:text;
	background-size:200% 100%;
	animation:masked-animation 1s infinite linear;
}


.register_view .register_form .list_item{
    width: 100%;
    
    
    padding-bottom: 14px;
    
    border-radius: 6px;
    position: relative;
    z-index: 1;
    min-height: 50px;
    display: flex;
}

.register_view .register_form .list_item .list_label{
    width: 100px;
    font-size: 16px;
    color: #000;
    line-height: 48px;
    flex-shrink: 0;
}
.register_view .register_form .list_item .list_inp{
    border-bottom: 0;
    padding: 0px 10px;
    color:#999;
    font-size: 16px;
    width: 100%;
    line-height: 50px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #FFFFFF;
}
.register_view .register_form .list_item .list_date{
    line-height: 50px;
    box-sizing: border-box;
    color:#999;
    font-size: 16px;
    border-radius: 10px;
    width: 100%;
    background: #fff;
    border: 1px solid #FFFFFF;
}
.register_view .register_form .list_item .list_sel{
    line-height: 48px;
    box-sizing: border-box;
    width: calc(100% - 120px);
    padding: 0px 10px;
    color:#999;
    font-size: 16px;
    border-radius: 10px;
    width: 100%;
    background: #fff;
    border: 1px solid #FFFFFF;
}


.register_view .register_form .list_item .list_file_list{
    width: calc(100% - 120px);
}

.register_view .register_form .list_item .el-upload--picture-card{
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border-radius: 0px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #FFFFFF;
}

.register_view .register_form .list_item .el-upload--picture-card .el-icon{
    font-size: 22px;
    color: rgb(153, 153, 153);
}

.register_view .register_form .list_item .el-upload__tip{
    font-size: 16px;
    color: rgb(153, 153, 153);
    margin: 7px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.register_view .register_form .list_item .el-upload-dragger{
    box-sizing: border-box;
    width: 400px;
    height: auto;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    padding: 30px 10px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #FFFFFF;
}

.register_view .register_form .list_item .el-upload-dragger .el-icon--upload{
    font-size: 60px;
    color: var(--theme);
    line-height: 50px;
    margin: 0px;
}

.register_view .register_form .list_item .el-upload-dragger .el-upload__text{
    font-size: 16px;
    color: rgb(153, 153, 153);
    margin: 5px 0px 0px;
}

.register_view .register_form .list_item .el-upload-dragger .el-upload__text em{
    color: var(--theme);
}


.register_view .register_form .list_item .list_radio{
    display: flex;
    width: calc(100% - 120px);
    align-items: center;
    flex-wrap: wrap;
}

.register_view .register_form .list_item .list_radio .el-radio{
    width: auto;
    margin: 0px 20px 0px 0px;
    display: flex;
    align-items: center;
}

.register_view .register_form .list_item .list_radio .el-radio .el-radio__inner{
    border-color: rgb(153, 153, 153);
    background: rgb(255, 255, 255);
}

.register_view .register_form .list_item .list_radio .el-radio.is-checked .el-radio__inner{
    border-color: var(--theme);
    background: var(--theme);
}

.register_view .register_form .list_item .list_radio .el-radio .el-radio__label{
    color: #000;
    font-size: 16px;
}

.register_view .register_form .list_item .list_radio .el-radio.is-checked .el-radio__label{
    color: var(--theme);
}


.register_view .register_form .list_item .list_checkbox{
    display: flex;
    width: calc(100% - 120px);
    flex-wrap: wrap;
    align-items: center;
}

.register_view .register_form .list_item .list_checkbox .el-checkbox{
    width: auto;
    margin: 0px 15px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.register_view .register_form .list_item .list_checkbox .el-checkbox .el-checkbox__inner{
    border-color: #999;
    background: rgb(255, 255, 255);
}

.register_view .register_form .list_item .list_checkbox .el-checkbox.is-checked .el-checkbox__inner{
    border-color: var(--theme);
    background: var(--theme);
}

.register_view .register_form .list_item .list_checkbox .el-checkbox .el-checkbox__label{
    color: #000;
    font-size: 16px;
}

.register_view .register_form .list_item .list_checkbox .el-checkbox.is-checked .el-checkbox__label{
    color: #000;
}


.register_view .register_form .list_code{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin: 0;
    
    
    border-radius: 6px;
    
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
    
}
.register_view .register_form .list_code .list_code_label{
    width: 100px;
    font-size: 16px;
    flex-shrink: 0;
    color: #000;
    
    line-height: 30px;
}
.register_view .register_form .list_code .list_code_item{
    display: flex;
    align-items: center;
    border: 0px solid rgba(199, 199, 199, 1);
    overflow: hidden;
    
    border-radius: 10px;
    width: 100%;
}
.register_view .register_form .list_code .list_code_item .list_code_inp{
    height: 48px;
    line-height: 48px;
    border-bottom: none;
    padding: 0px 10px;
    width: calc(100% - 110px);
    font-size: 16px;
    border-right: 0px;
    flex: 1;
    background: #fff;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
}
.register_view .register_form .list_code .list_code_btn{
    padding:0px;
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: none;
    background: var(--theme1);
    color: rgb(255, 255, 255);
    font-size: 14px;
    margin-left:10px;
    border-radius: 0;
    border-radius: 10px;
}


.register_view .register_form .list_btn{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0px 0px 0px;
    padding: 0;
    bottom: 0;
}

.register_view .register_form .list_btn .register{
    margin: 0;
    padding: 0px 10px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: rgb(255, 255, 255);
    border: 0px;
    background: var(--theme1);
    cursor: pointer;
    min-width:120px;
    border-radius: 0;
    order: 2;
    border-radius: 10px;
}

.register_view .register_form .list_btn .r-login{
    width: 100%;
    cursor: pointer;
    padding: 10px 0px 0px;
    color: #000;
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}
.register_view .register_form .list_btn .r-login:hover{
    text-decoration:underline;
}


.register_view .title_view {
    color: #000;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
}

.register_view i {
    line-height: 30px!important;
}

.register_view .upload-demo {
    display: inline-block;
    width: auto!important;
}
</style>